<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/img/favicon.ico">

    <title>Infinity | </title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->   
    <link href="assets/css/elusive-webfont.css" rel="stylesheet" >
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/pe-icons.css" rel="stylesheet">
 	<link href="assets/css/style.css" rel="stylesheet">

    <script src="assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

<body data-spy="scroll" data-offset="0" data-target="#navbar-main">

  <div id="preloader"></div>

  	<div id="search-wrapper">
  		<input id="search-box" placeholder="Search" />
  	</div>  
  
  	<div id="navbar-main">
		<div class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">				
					<a class="navbar-brand" href="index.html"><h1>产品推广</h1></a>
					<button type="button" class="navbar-toggle dropdown-toggle" id="open-menu" data-toggle="dropdown" data-target="#main-navigation">
						<i class="el-icon-lines"></i>
					</button>
				</div>
			</div>
		</div>
    </div>

    <div id="headerwrap" name="home" class="fullheight">
		<header class="clearfix fullheight">
			<br><br><br><br><br><br><br>
			<div class="vertical-center">
		 		<p class="animated slideInLeft">预售已开启</p>
	 		</div>
  		</header>	
    </div>

	<!--  CONTENT WRAPPER -->
	<div id="content-wrapper">
		
		<section id="chou" class="section-divider textdivider divider2">
			<div class="container">
				<h1 class="fade-down section-title">宣城堡垒</h1>
				<hr>
				<span class="counter-desc">若有一天，世界沉沦</span>
				<br>
				<a href="index.html" class="btn homebtn smoothScroll">我已付款</a>
			</div>
		</section>
		
		<section id="portfolio" class="page-section nopaddingbottom">
			<div class="black">
				<h1 class="fade-down centered section-title">付款方式</h1>
				<hr class="fade-down">
			</div>
			<a id="space1"></a>
			<img src="assets/img/bg/zfb.jpg" width="40%" height="40%"><br>
			<a id="space11">支付宝</a><br><br>
			<a id="space2"></a>
			<img src="assets/img/bg/wx.jpg" width="40%" height="40%"><br>
			<a id="space22">微信</a><br><br>
			<a id="space3"></a>
			<img src="assets/img/bg/qq.jpg" width="40%" height="40%"><br>
			<a id="space33">QQ</a><br><br>
			<br>
		</section>

	</div>
	<!-- CONTENT WRAPPER -->

	<div id="footerwrap">
		<div class="container">
			<div class="btt-wrapper fade-down"><a class="btt-link smoothScroll" href="#headerwrap"><i class="el-icon-chevron-up"></i></a></div>
			<ul id="footer-social" class="fade-down"></ul>
			<h4 class="fade-up">SG-Studio 独立电子艺术 - Copyright 2019</h4>
		</div>
	</div>

	<script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/plugins.js"></script>
	<script type="text/javascript" src="assets/js/init.js"></script>
	<script>
		jQuery(document).ready(function($){
			'use strict';
			  jQuery('body').backstretch([
				  "assets/img/bg/xcbl.png"
			  ], {duration: 5000, fade: 1000});
			});
			
		function addSpace(num, id)
		{
			code="";
			for (var i=0;i<num;i++)
				code+="&nbsp;";
			oldCode=$('#'+id).text();
			$('#'+id).html(code+oldCode);
		}
		
		spaceNum=29;
		addSpace(spaceNum,"space1");
		addSpace(spaceNum,"space2");
		addSpace(spaceNum,"space3");
		spaceNum=44;
		addSpace(spaceNum,"space11");
		addSpace(spaceNum,"space22");
		addSpace(spaceNum,"space33");
	</script>

  </body>

</html>
